<template>
    <div class="app">
         <div class="wrap">
        <header class="header" style="">
            <a class="back" href="javascript:void(0)" @click="back()">
                <!-- <router-link to="/login" tag="a" class="back"></router-link> -->
                <span>
                    <svg t="1626793661204" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="6745" width="16" height="16">
                        <path
                            d="M732.971049 937.159166c13.964609-14.144138 13.891951-36.897352-0.218996-50.898227L360.538849 517.440919l370.630085-373.965204c14.003496-14.145162 13.899114-36.898375-0.212856-50.938136-14.151881-14.007015-36.938774-13.897521-50.946363 0.213871L286.120973 490.223021c-0.609915 0.615007-0.753184 1.406023-1.330353 2.015913-0.141222 0.148379-0.322355 0.182149-0.46767 0.323365-6.94751 7.019881-10.442244 16.205077-10.442244 25.346271 0 9.249665 3.565345 18.539238 10.657147 25.559119l397.487856 393.872602C696.175544 951.380052 718.96346 951.270559 732.971049 937.159166L732.971049 937.159166zM732.971049 937.159166"
                            p-id="6746" fill="#bfbfbf"></path>
                    </svg>
                </span>手机注册
            </a>
        </header>
        <div class="reg-wrap input-list">
            <ul>
                <!-- 事件加在li标签上，触摸点击面是整一栏 -->
                <li id="phone_area_select"><span style="width:100%">中国大陆</span>
                    <span class="ri-ar"><svg t="1626794053393" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8069" width="16" height="16"><path d="M642.569426 504.276517 397.728946 308.817674c-4.743556-3.770519-10.703409-4.013778-15.446965-0.608148-4.865186 3.40563-7.905927 9.973631-7.905927 16.906521l0 391.039316c0 6.93289 3.040741 13.500891 7.905927 16.906521 2.189334 1.702815 4.865186 2.310963 7.297779 2.310963 2.797482 0 5.716593-0.973037 8.149186-2.919112L642.569426 537.116522c4.378667-3.52726 7.05452-9.730372 7.05452-16.298373C649.745575 514.006889 647.069723 507.925407 642.569426 504.276517L642.569426 504.276517 642.569426 504.276517zM642.569426 504.276517" p-id="8070"></path></svg>
                    </span>
                </li>
                <li class="phone-number">
                    <span>+86</span><em>|</em><input type="text" placeholder="请输入手机号码">
                </li>
                <li class="code" style="display:none"><svg class="icon icon-user">
                        <use xlink:href="#icon-code"></use>
                    </svg>
                    <input type="text" placeholder="请输入右侧验证码"><a href="javascript:"><img id="captcha" src=""
                            alt="验证码"><svg class="icon icon-reload stat" data-stat="03|手机_验证码换一张|mqd_L03|2">
                            <use xlink:href="#icon-reload"></use>
                        </svg></a>
                </li>
            </ul>
            <p class="tip red" style="display:none;text-align:left;"></p>
            <a class="blue-btn disabled" href="javascript:" id="btn_step1"><span class="load"></span>获取手机验证码</a>
            <p>我同意 <a class="blue" href="https://passport.yuewen.com/pact.html?mobile=1">《用户服务协议》</a> 和 <a class="blue"
                    href="https://passport.yuewen.com/privacy_policy.html">《隐私政策》</a></p>
        </div>
    </div>
    </div>
</template>
<script>
import "../assets/css/5.css"
export default {
    methods: {
        back(){
                this.$router.push("/login");
            },
    },
}
</script>
<style lang="less">

</style>